<template>
    <div>
        <h1>{{msg}}</h1>
         <h2>学生姓名：{{name}}</h2>
         <h2>学生年龄：{{myage}}</h2>
         <h2>学生性别：{{sex}}</h2>
         <button @click="addAge">点我年龄加1</button>
    </div>
</template>



<script>
    export default {
        name:"Student",
        data() {
            return {
                msg:"我是法外狂徒！",
                myage:this.age
            }
        },
        methods: {
            addAge(){
                this.myage++;
            }
        },
        // props:["name","age","sex"],
        // props:{
        //     name:String,
        //     age:Number,
        //     sex:String
        // }

        props:{
            name:{
                type:String,
                required:true,
            },
            age:{
                type:Number,
                default:99
            },
            sex:{
                type:String,
                default:"男"
            }
        }
    }
</script>

